<ion-header>
    <ion-toolbar>
        <ion-buttons left>
            <button ion-button navPop>
                <i class="backIcon"></i>
            </button>
        </ion-buttons>
        <ion-title>
            {{rosterFilteModel.classify ===0 ? '客户名单筛选' : '增员名单筛选'}}
        </ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="content-rel">
        <div class="row row-title" *ngIf="rosterFilteModel.classify === 1">
            <span>参与时间</span>
            <button class="clear-btn"
                    *ngIf="rosterFilteModel.startTakeTime || rosterFilteModel.endTakeTime" (click)="cleanTakeTime()">清除
            </button>
        </div>
        <div class="row" *ngIf="rosterFilteModel.classify === 1">
            <ion-datetime cancelText="取消" doneText="确定"
                          yearValues="{{yearList}}"
                          (ionChange)="validateTime()"
                          [class.error_input]="hasTimeError"
                          [pickerOptions]="pickerOptions" [(ngModel)]="rosterFilteModel.startTakeTime"
                          displayFormat="YYYY/M/D" pickerFormat="YYYYMMDD">
            </ion-datetime>
            <div class="datetime-Separator"></div>
            <ion-datetime cancelText="取消" doneText="确定"
                          yearValues="{{yearList}}"
                          (ionChange)="validateTime()"
                          [class.error_input]="hasTimeError"
                          [pickerOptions]="pickerOptions" [(ngModel)]="rosterFilteModel.endTakeTime"
                          displayFormat="YYYY/M/D" pickerFormat="YYYYMMDD">
            </ion-datetime>
        </div>

        <div class="row row-title">跟进状态</div>
        <div class="row" *ngIf="rosterFilteModel.classify === 0">
            <div class="filter-btn filter-btn_long"
                 [class.filter-btn_selected]="isSelectBtn('trackStatus', item.id)"
                 (click)="changeFilter('trackStatus', item.id)" *ngFor="let item of followList">{{item.name}}
            </div>
        </div>
        <div class="row" *ngIf="rosterFilteModel.classify === 1">
            <div class="filter-btn filter-btn_long"
                 [class.filter-btn_selected]="isSelectBtn('trackStatus', item.id)"
                 (click)="changeFilter('trackStatus', item.id)" *ngFor="let item of followList2">{{item.name}}
            </div>
        </div>
    </div>
</ion-content>
<ion-footer>
    <ion-row>
        <ion-col>
            <button ion-button class="foot-btn_reset" (click)="resetForm()">重置</button>
        </ion-col>
        <ion-col>
            <button ion-button class="foot-btn_done" [disabled]="hasTimeError" (click)="doSearch()">查询</button>
        </ion-col>
    </ion-row>
</ion-footer>
